// first-child last-child nth-child() nth-last-child()
.index {
    width: 1200px;
}
.header {
    height: 90px;
}
.main {
    margin-bottom: 10px;
}
.reg_panel {
    height: 600px;
    .reg_panel_header {
        height: 35px;
        border-bottom: 1px solid #d3d3d3;
        text-indent: 40px;
        position: relative;
        label {
        	text-indent: 0;
            display: inline-block;
            padding: 0 20px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            border: 1px solid #ded3d3;
            border-bottom: none;
            background: #fff;
            background: #F5F5F5;
            background: -webkit-linear-gradient(#ffffff 15%, #F5F5F5 50%, #F0F0F0);
            background: -o-linear-gradient(#ffffff 15%, #F5F5F5 50%, #F0F0F0);
            background: linear-gradient(#ffffff 15%, #F5F5F5 50%, #F0F0F0);
            margin-left: 5px;
            cursor: pointer;
            border-radius: 4px 4px 0 0;
            &:hover{
            	background: #fff;
            }
            
            &.on{
                background: #fff;
            }

        }

        span {
            position: absolute;
            right: 10px;
            bottom: 5px;
            display: inline-block;
            vertical-align: bottom;
           
        }
    }
    .reg_panel_body {
    	margin: 30px;
    	width: 600px;
    	border-right:1px dotted #d3d3d3;
    	display: inline-block;
        dl {
            
            margin-bottom: 10px;
            dd {
            	display: inline-block;
            	width: 100px;
           	    
                margin-right: 5px;
                text-align: right;
        	}
        	dt{
        		display: inline-block;
        		input.txt{
        			width: 220px;
        			height: 28px;
        			line-height: 28px;
        			border: 1px solid #d3d3d3;
        			border-radius: 4px;
        			text-indent: 5px;
        			cursor: pointer;
        			&:hover{
        				box-shadow:0 0 4px #ddd;
        			}
        			
        		}
        		span{
        			padding-left: 5px;
        			display: inline-block;
        			color: #f60;
        			}
        		button{
        			width: 220px;
        			height: 35px;
        			background: #c40000;
        			border: none;
        			color: #fff;
        			border-radius: 4px;
        			margin-top: 60px;
        		}

        	}   
        }
    }
    .reg_panel_right{
    	display: inline-block;
    	vertical-align: top;
    	margin: 30px 0 0 0;
    	width: 430px;
        h3{
            font-size: 16px;
            margin-bottom: 20px;
        }
        p{
            line-height: 30px;
            b{
                display: inline-block;
                margin-right: 5px;
                font-style: italic;
            }
        }
    }
}

.footer {}
